<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jQuery.js"></script>
    <script src="../js/swiper.js"></script>
    <script src="../js/ajax.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header class="header-top">
        <div class="header-connter">
            <div class="header-tl">
                <p class="onep">
                    <img src="../img/01.png" alt="">
                    <a href="" class="epet-index-brand">E宠首页</a>
                </p>
                <p class="place-send">送至：</p>
                <div class="place-div">
                    <a href="">
                        郑州
                        <i></i>
                    </a>
                </div>
                <div class="guarantee">
                    <i></i>
                    <a href="">E宠就是正品</a>
                </div>
            </div>
            <div class="header-right">
                <ul class="top-right">
                    <li id="enter"><a href="../html/register.html">[登录]</a></li>
                    <li class="sign-in"><a href="../html/register.html">[注册]</a></li>
                    <li class="sp-car"><a href="cart.html"><i></i>购物车(<span>0</span>)</a></li>
                    <li class="personal"><a href=""><i></i>我的E宠</a></li>
                    <li class="collect"><a href="">收藏</a></li>
                    <li class="m-phone"><i></i><a href="">手机版</a></li>
                    <li id="feedback"><a href="">问题反馈</a></li>
                </ul>
            </div>
        </div>
    </header>

    <script>
        var dl = document.querySelector('.log-in');
        $(".log-in").load("register.html");
    </script>
    <!-- 搜索栏 -->
    <div class="seek-nav">
        <div class="seek">
            <a href="">
                <img src="../img/epet-logo.png" alt="">
            </a>
            <form method="get" class="search">
                <div class="ouye">
                    <input type="text" class="pet-search">
                    <button class="click-search">搜索</button>
                </div>
                <div class="keywords">
                    <label>热门搜索：</label>
                    <ul>
                        <li>
                            <a href="" class="hot02" target="_blank">周期配送</a>
                            <span>|</span>
                            <a href="" class="hot01" target="_blank">顽皮鲜肉粮</a>
                            <span>|</span>
                            <a href="" class="hot02" target="_blank">海洋之星直降</a>
                            <span>|</span>
                            <a href="" class="hot01" target="_blank">zeal鲜牛乳</a>
                            <span>|</span>
                            <a href="" class="hot01" target="_blank">本鲜本能狗粮</a>
                            <span>|</span>
                        </li>
                    </ul>
                </div>
            </form>

            <!-- 右侧-购物车 -->
            <div class="go-buy">
                <a href="cart.html" class="buy-text">购物车(<span>0</span>)</a>
            </div>
        </div>
    </div>

    <!-- nav -->
    <div class="nav">
        <div class="nav-connter">
            <span class="nav-left">
                <div class="left-one">
                    <a href="">狗狗<i></i></a>
                </div>
                <div class="left-two">
                    <a href="">商品分类<i></i></a>
                </div>
            </span>
            <div class="nav-right">
                <ul>
                    <li><a href="">品牌特卖<i></i></a></li>
                    <li><a href="">潮品视频<i></i></a></li>
                    <li><a href="">小剧场<i></i></a></li>
                    <li><a href="">E宠课堂<i></i></a></li>
                    <li><a href="">萌爪联盟<i></i></a></li>
                    <li><a href="">清场特价<i></i></a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 导航下拉栏 -->

    <div class="nav-center">
        <div class="b-nav-left">
            <ul>
                <li>
                    <h3 class="b-h3-1">
                        <a href="">主粮</a>
                        <a href="">零食</a>
                    </h3>
                </li>
                <li>
                    <h3>
                        <a href="">玩具</a>
                        <a href="">清洁</a>
                    </h3>
                </li>
                <li>
                    <h3>
                        <a href="">保健</a>
                        <a href="">护理</a>
                    </h3>
                </li>
                <li>
                    <h3>
                        <a href="">生活</a>
                        <a href="">牵引</a>
                    </h3>
                </li>
                <li>
                    <h3>
                        <a href="">洗澡</a>
                        <a href="">服饰</a>
                    </h3>
                </li>
            </ul>

            <!-- show内容 -->
            <div class="show-menu">
                <h2 class="h2-01">
                    <img src="ggzl.jpg" alt="">
                    狗狗主粮
                </h2>
                <ul class="zl">
                    <li class="firstly">进口狗粮 <span>|</span></li>
                    <li>大型犬专用 <span>|</span></li>
                    <li>小型犬专用 <span>|</span></li>
                    <li>大型犬幼犬专用</li>
                </ul>
                <ul class="zl">
                    <li class="firstly">国产狗粮 <span>|</span></li>
                    <li>怀孕哺乳期犬 <span>|</span></li>
                    <li>贵宾犬粮 <span>|</span></li>
                    <li>大型犬专用 <span>|</span></li>
                    <li>金毛犬粮 <span>|</span></li>
                    <li>中老年犬</li>
                </ul>
                <ul class="zl">
                    <li class="firstly">冻干狗粮 <span>|</span></li>
                    <li>鸡肉冻干 <span>|</span></li>
                    <li>牛肉冻干 <span>|</span></li>
                    <li>羊肉冻干 <span>|</span></li>
                    <li>鱼肉冻干</li>
                </ul>



                <h2 class="h2-02">
                    <img src="ggls.jpg" alt="">
                    狗狗主粮
                </h2>
                <ul class="zl">
                    <li class="firstly">磨牙洁齿 <span>|</span></li>
                    <li>洁齿零食 <span>|</span></li>
                    <li>真骨 <span>|</span></li>
                    <li>素食磨牙</li>
                </ul>
                <ul class="zl">
                    <li class="firstly">肉制零食 <span>|</span></li>
                    <li>烘干零食 <span>|</span></li>
                    <li>冻干 <span>|</span></li>
                    <li>肉肠 <span>|</span></li>
                    <li>鲜肉零食</li>
                </ul>
                <ul class="zl">
                    <li class="firstly">罐头湿粮 <span>|</span></li>
                    <li>罐头 <span>|</span></li>
                    <li>餐盒 <span>|</span></li>
                    <li>妙鲜包 <span>|</span></li>
                    <li>幼犬罐头</li>
                </ul>
            </div>

            <!-- 轮播图 -->


        </div>
        <div class="slideshow">
        </div>
        <script>
            $(".slideshow").load("swiper.html")
        </script>

        <div class="main-r">
            <div>
                <a href="">
                    <img src="../img/content-left-01.jpg" alt="">
                </a>
            </div>
            <div>
                <a href="">
                    <img src="../img/content-left-02.jpg" alt="">
                </a>
            </div>
            <div>
                <a href="">
                    <img src="../img/content-left-03.jpg" alt="">
                </a>
            </div>
        </div>
    </div>



    <!-- 主内容部分 -->
    <div class="center">
        <div class="staple">
            <div class="foot-1">
                <img src="../img/blogo01.png" alt="">
                狗狗主粮
            </div>
            <div class="clearfix">
                <div class="xqs">
                    <a href="">
                        <img src="../img/xqs.jpg" alt="">
                    </a>
                    <div class="xqs-fu">
                        <div class="hotkind">
                            <span class="fl">
                                ——————————————————
                            </span>
                            <i class="jl04"></i>
                            <b class="ec2">最热HOT</b>
                            <span class="fl">
                                ——————————————————
                            </span>
                        </div>
                        <ul class="clearfix-ul">
                            <li class="fl">
                                <a href="">海瑞特鲜肉粮</a>
                            </li>
                            <li class="fl">
                                <a href="">比瑞吉天然粮</a>

                            </li>
                            <li class="fl">
                                <a href="">海洋之星</a>

                            </li>
                            <li class="fl">
                                <a href="">皇家</a>

                            </li>
                            <li class="fl">
                                <a href="">冠能</a>

                            </li>
                            <li class="fl">
                                <a href="">爱慕思</a>

                            </li>
                            <li class="fl">
                                <a href="">顽皮</a>
                            </li>
                            <li class="fl">
                                <a href="">卫塔卡夫</a>

                            </li>
                            <li class="fl">
                                <a href="">开饭乐</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="epetfood-pro">
                    <div class="lib_conbox">
                        <div id="con_one_1">
                            <div class="imgbox">
                                <div class="clearfix clearfix-t">
                                    <div class="biruiji">
                                        <a href="">
                                            <div class="ad-font">
                                                <p class="b01">比瑞吉</p>
                                                <p class="b02"> 天然好粮 食材说话</p>
                                            </div>
                                            <img src="../img/img1.jpg" alt="">
                                        </a>
                                    </div>

                                    <div class="clearfix-r">
                                        <a href="">
                                            <div class="ad-font">
                                                <p class="b01">冠能</p>
                                                <p class="b02">科学配方 呵护皮毛</p>
                                            </div>
                                            <img src="../img/img2.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="clearfix-rb">
                                        <a href="">
                                            <div class="ad-font">
                                                <p class="b01">海洋之星</p>
                                                <p class="b02">海鲜食品专家</p>
                                            </div>
                                            <img src="../img/img3.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="clearfix ad-threebox">
                                        <div class="border-r">
                                            <a href="">
                                                <div class="aa-font">
                                                    <p class="b01">皇家</p>
                                                    <p class="b02">专犬专用 定制营养</p>
                                                </div>
                                                <img src="../img/img4.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="border-r">
                                            <a href="">
                                                <div class="aa-font">
                                                    <p class="b01">醇粹黑标冻干</p>
                                                    <p class="b02">高肉含量 高蛋白</p>
                                                </div>
                                                <img src="../img/img5.jpg" alt="">
                                            </a>
                                        </div>
                                        <div class="border-r">
                                            <a href="">
                                                <div class="aa-font">
                                                    <p class="b01">纽顿 </p>
                                                    <p class="b02">低敏配方 均衡营养</p>
                                                </div>
                                                <img src="../img/img6.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 品牌合集 -->
                <ul class="clearfix brands-ul">
                    <li>
                        <a href="">
                            <img src="../img/pp1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/pp2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/pp3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/pp4.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/pp8.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/pp6.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/pp7.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="../img/pp8.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 脚页 -->
    <div class="footer-content">
        <div class="footer-top">
            <div class="footer-imgs">
                <ul class="clearfix">
                    <li>
                        <a href="" class="zp ft18">正品保障</a>
                    </li>
                    <li>
                        <a href="" class="ck ft18">品类丰富</a>
                    </li>
                    <li>
                        <a href="" class="ps ft18">优质服务</a>
                    </li>
                    <li>
                        <a href="" class="hh ft18">科学养宠</a>
                    </li>
                    <li>
                        <a href="" class="bs ft18">E宠公益</a>
                    </li>
                    <li>
                        <a href="" class="sj ft18">爱宠12年</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-wrapper">
            <div class="info clearfix">
                <div class="footer-phone">
                    <img src="../img/dog_phone.gif" alt="">
                    <div class="footer-number">
                        <h2>售后电话</h2>
                        <p class="n-one">
                            4008889200
                            <span class="sp-one">
                                「免长途费」
                            </span>
                        </p>

                        <p class="n-one">
                            023-68851700
                            <span class="sp-one"></span>
                        </p>
                        <p class="p-one">
                            服务时间：09:00--18:30（周一到周日）
                        </p>
                    </div>
                    <div class="pay-style">
                        <h2 class="h-one">购物指南</h2>
                        <p class="tp-one .ft14">
                            <a href="">新人优惠</a>
                        </p>
                        <p class="tp-two .ft14">
                            <a href="">购物问题</a>
                        </p>

                        <p class="tp-two .ft14">
                            <a href="">支付问题</a>
                        </p>
                    </div>

                    <div class="shopping-end">
                        <h2 class="h-one">售后服务</h2>
                        <p class="tp-one .ft14">
                            <a href="">退换货政策</a>
                        </p>
                        <p class="tp-two .ft14">
                            <a href="">退款说明</a>
                        </p>

                        <p class="tp-two .ft14">
                            <a href="">售后问题</a>
                        </p>
                    </div>

                    <div class="app-code">
                        <p class="ftc">扫码下载APP</p>
                        <p class="ftc">下单更优惠</p>
                        <a href="">
                            <img src="../img/QR-code.png" alt="">
                        </a>
                    </div>

                    <div class="app-code2">
                        <p class="ftc">扫描关注E宠</p>
                        <p class="ftc">商城微信</p>
                        <a href="">
                            <img src="../img/QR-code.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="show-menu">
        <h2 class="h2-01">
            <img src="../img/ggzl.jpg" alt="">
            狗狗主粮
        </h2>
        <ul class="zl">
            <li class="firstly">进口狗粮 <span>|</span></li>
            <li>大型犬专用 <span>|</span></li>
            <li>小型犬专用 <span>|</span></li>
            <li>大型犬幼犬专用</li>
        </ul>
        <ul class="zl">
            <li class="firstly">国产狗粮 <span>|</span></li>
            <li>怀孕哺乳期犬 <span>|</span></li>
            <li>贵宾犬粮 <span>|</span></li>
            <li>大型犬专用 <span>|</span></li>
            <li>金毛犬粮 <span>|</span></li>
            <li>中老年犬</li>
        </ul>
        <ul class="zl">
            <li class="firstly">冻干狗粮 <span>|</span></li>
            <li>鸡肉冻干 <span>|</span></li>
            <li>牛肉冻干 <span>|</span></li>
            <li>羊肉冻干 <span>|</span></li>
            <li>鱼肉冻干</li>
        </ul>



        <h2 class="h2-02">
            <img src="../img/ggls.jpg" alt="">
            狗狗零食
        </h2>
        <ul class="zl">
            <li class="firstly">磨牙洁齿 <span>|</span></li>
            <li>洁齿零食 <span>|</span></li>
            <li>真骨 <span>|</span></li>
            <li>素食磨牙</li>
        </ul>
        <ul class="zl">
            <li class="firstly">肉制零食 <span>|</span></li>
            <li>烘干零食 <span>|</span></li>
            <li>冻干 <span>|</span></li>
            <li>肉肠 <span>|</span></li>
            <li>鲜肉零食</li>
        </ul>
        <ul class="zl">
            <li class="firstly">罐头湿粮 <span>|</span></li>
            <li>罐头 <span>|</span></li>
            <li>餐盒 <span>|</span></li>
            <li>妙鲜包 <span>|</span></li>
            <li>幼犬罐头</li>
        </ul>
    </div>
    <script>
        $(".b-nav-left").hover(function () {
            $(".show-menu").show();
        }, function () {
            $(".show-menu").hide();
        })
    </script>

</body>

</html>